<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>回调地狱</title>
</head>
<body>

</body>
<script>
    // 回调地狱，当回调函数互相嵌套，嵌套层级过多，导致代码维护性变差，这种结构就是我们常说的回调地狱
// 以前发送请求的时候，用的ajax的方式去请求数据。
function ajax(url, sucesscb, errorcb) {
    setTimeout(() => {
        sucesscb('11111')
    }, 1000)
}

// 回调地狱
ajax('/aaa', (data) => {
    ajax('/bbb', (data) => {
        ajax('/ccc', (data) => {

        }, () => {

        })
    }, () => {

    })
}, () => {

})
</script>
</html>

